<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>shezhi.scss</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            shezhi.scss
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/ems_app/staff_salaries/shezhi.scss
                
            </li>
            <li>Last modified: 2017-02-22 17:27:55 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>.staff_setting{</p>

<pre><code>div.wrap{
  margin:15px 16px 0 10px;
  float:left;

  div.salary,div.allowance{
    width:312px;
    display:flex;
    &amp;&gt;span{
      font-size: 14px;
      font-weight: bold;
      margin-top:3px;
    }
    ul{
      li{
        height:40px;

        label{ width:65px; text-align:right; margin-right:5px; }
        input[type=&#39;text&#39;], input[type=&#39;number&#39;] { width:160px;}
        select{ height:27px;}
      }
    }

    .transfer_btn{
      background:#9241EC;
      color:#fff;
      width:80px; height:25px;
      margin-right:42px;
      border:none;
      border-bottom:3px solid #000;
      &amp;[disabled]{
        background:#8B888E;
        border-bottom:3px solid #6E6A6A;
      }
    }

    .adjust_salary_btn{
      background:#ED6841;
      color:#fff;
      width:162px;height:25px;
      border:none;
      border-bottom:3px solid #AC624D;
      letter-spacing: 10px;
      &amp;[disabled]{
        background:#8B888E;
        border-bottom:3px solid #6E6A6A;
      }
    }
  }

  div.allowance{
    margin-top:30px;
  }

  div.ticheng{
    width:312px;
    &amp;&gt;span{
      font-size: 14px;
      font-weight: bold;
      margin-top:3px;
      margin-right:73px;
    }
  }

  div.contract{
    width:330px;
    display:flex;
    &amp;&gt;span{
      font-size: 14px;
      font-weight: bold;
      margin-top:3px;
    }
    ul{
      li{
        height:40px;

        label{ width:90px; text-align:right; margin-right:5px; }
        input[type=&#39;text&#39;], input[type=&#39;number&#39;] { width:160px;}
        select{ height:27px;}
      }
    }

    .sign_contract_btn{
      background:#9241EC;
      color:#fff;
      width:162px;height:25px;
      border:none;
      border-bottom:3px solid #61379B;
      &amp;[disabled]{
        background:#8B888E;
        border-bottom:3px solid #6E6A6A;
      }
    }
  }

  div.social_security{
    width:330px;
    display:flex;
    margin-top:30px;
    &amp;&gt;label{
      font-size: 14px;
      font-weight: bold;
      margin-top:3px;
    }

    ul{
      li{
        height:40px;

        label{ width:90px; text-align:right; margin-right:5px; }
        input[type=&#39;text&#39;], input[type=&#39;number&#39;] { width:160px;}
        select{ height:27px;}
      }
    }
  }

  div.technique{
    width:330px;
    display:flex;
    &amp;&gt;span{
      font-size: 14px;
      font-weight: bold;
      margin-top:3px;
    }

    ul{
      li{
        height:40px;

        label{ width:70px; text-align:right; margin-right:5px; }

        form{
          display: inline-block;
        }

        input[type=&#39;range&#39;] { width:145px;}
        select{ height:27px; width:162px;}
        input[type=&#39;text&#39;] { width: 160px;}
      }
    }
  }

  div.others{
    width:280px;
    display:flex;
    &amp;&gt;span{
      font-size: 14px;
      font-weight: bold;
      margin-top:3px;
      margin-right:18px;
    }
    ul{
      margin-top:3px;
      li{ height:40px;}
    }
  }

}</code></pre>

<p>}</p>

<p>.salary_adjusting_wrap,.contract_signing_wrap,.transfer_wrap{</p>

<pre><code>display:none;
width:100%;
height:110%;
background:rgba(0,0,0,0.07);
position:absolute; top:0; left : 0;
.salary_adjusting_window,.contract_signing_window,.transfer_window{
  width:770px;
  min-height:530px;
  background:#fff;
  border-top: 8px solid #959595;
  margin : 150px auto 0 auto;
  box-shadow:3px 6px 18px #dedddd, -3px 0px 18px #dedddd, 0px 0px 0px #dedddd;
  padding: 0 15px 15px 15px;
  h3{border-bottom:2px solid #d9d9d9; height:35px; line-height:35px;}
  .content{
    table{
      margin-top:15px;
      tr{
        height:45px;
        td{
          &amp;:nth-child(odd){ text-align:right; }
          input[type=&quot;text&quot;]{width:131px;}
        }
      }
    }

    div.reason,div.start_time,div.confirm_person,div.remark,div.valid_period{
      display:flex;
      margin:10px 0 20px 0;
      label{
        width: 53px;
        text-align: right;
        margin-right: 9px;
      }
      textarea{ width: 683px; height:40px;}
      input{ width:140px;}
      select{ width:142px; }
    }
    div.form_maker{
      height:76px; line-height:76px;
      text-align:right;
      span{ font-weight:bold;}
      label.maker{
        margin-right:50px;
      }
      label.date{ margin-right:20px; }
    }
    .btn_groups{
      text-align:right;
    }
  }
}</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
